<template>
	 <view class="app">
	     <input type="text" value="" placeholder="请输入地址"/>
	     <input type="text" value="" placeholder="请输入时间"/>
	     <input type="text" value="" placeholder="请输入备注"/>
		 
		 <view class="">
				金额：￥38
		 </view>
		 <view class="">
		 	 <radio-group @change="radioChange" class="raido">
		 	     <label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in items" :key="item.value">
		 	                    <view>
		 	                        <radio :value="item.value" :checked="index === current" />
		 	                    </view>
		 	                    <view>{{item.name}}</view>
		 	                </label>
		 	     </radio-group>
		 </view>
		 <button type="default">提交</button>
		 
	  </view>
</template>

<script>
	
	export default {
		data(){
			return{
				items: [{
				                    value: '0',
				                    name: '免支付',
									checked: 'true'
				                },
				                {
				                    value: '1',
				                    name: '微信',
				                    
				                },
				                {
				                    value: '2',
				                    name: '支付宝'
				                }
				            ]
			}
		},
		methods:{
			radioChange: function(evt) {
			            for (let i = 0; i < this.items.length; i++) {
			                if (this.items[i].value === evt.detail.value) {
			                    this.current = i;
			                    break;
			                }
			            }
			        }
		},
		
	}
</script>

<style lang="less" scoped>
	.app{
		input{
			margin-bottom: 30rpx;
			margin-left: 30rpx;
			
			
		}
	}
	.uni-list-cell{
		display: flex;
		margin-top: 30rpx;
	}
	.a1,.a2{
		width: 70rpx;
		height: 70rpx;
		border: 1rpx solid red;
	}
	.active{
		background: blue;
	}
</style>
